<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"/>
    <title></title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<!--头部-->
<header id="header">
    <div class="topbar hidden-md hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-md-2 text-center">
                    <a href="" class="mobile-link">
                        <i class="icon-mobile"></i>
                        <span>手机微金所</span>
                        <i class="glyphicon glyphicon-chevron-down"></i>
                        <img src="image/code.jpg" width="120" height="136" alt="扫一扫下载"/>
                    </a>
                </div>
                <div class="col-md-5 text-center">
                    <i class="icon-tel"></i>
                    <span>服务热线:400-800-8080</span>
                </div>
                <div class="col-md-2 text-center hidden-sm">
                    <a href="">常见问题</a>
                    <a href="">财富登录</a>
                </div>
                <div class="col-md-3 text-center">
                    <a href="" class="btn btn-danger btn-sm">立即注册</a>
                    <a href="" data-toggle="modal" data-target="#myModal">登录</a>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-weijs navbar-static-top" data-spy="affix" data-offset-top="40" data-offset-bottom="200">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">toggleMenu</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <i class="icon-icon"></i>
                    <i class="icon-logo"></i>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="" class="active">我要投资</a></li>
                    <li><a href="">我要借贷</a></li>
                    <li><a href="">平台介绍</a></li>
                    <li><a href="">新手专区</a></li>
                    <li><a href="">最新动态</a></li>
                    <li><a href="">微论坛</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right hidden-sm">
                    <li><a href="">个人中心</a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<!--轮播图部分-->
<section id="banner">
    <div id="banner-div" class="carousel slide" data-ride="carousel">
        <!-- 控制器（小圆点） -->
        <ol class="carousel-indicators">
            <li data-target="#banner-div" data-slide-to="0" class="active"></li>
            <li data-target="#banner-div" data-slide-to="1"></li>
            <li data-target="#banner-div" data-slide-to="2"></li>
            <li data-target="#banner-div" data-slide-to="3"></li>
        </ol>
        <!-- 图片列表 -->
        <div class="carousel-inner" role="listbox">
            <div class="item active" data-image-lg="image/slide_01_2000x410.jpg" data-image-xs="image/slide_01_640x340.jpg"></div>
            <div class="item" data-image-lg="image/slide_02_2000x410.jpg" data-image-xs="image/slide_02_640x340.jpg"></div>
            <div class="item" data-image-lg="image/slide_03_2000x410.jpg" data-image-xs="image/slide_03_640x340.jpg"></div>
            <div class="item" data-image-lg="image/slide_04_2000x410.jpg" data-image-xs="image/slide_04_640x340.jpg"></div>
        </div>
        <!-- 左右箭头 -->
        <a class="left carousel-control" href="#banner-div" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#banner-div" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
<!-- 介绍部分 -->
<section id="info">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-lock"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            银联支付全程保障资金安全
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-uniE"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">平台财产安全</h4>
                            由PICC保驾护航
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-safe"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">资金安全</h4>
                            华兴银行存库管理
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-uniE900"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">安全保障</h4>
                            独创八层安全保障机制
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-uniE904"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">筛选优质资产</h4>
                            对接上海资信征信系统
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-uniE902"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">联合信息发布</h4>
                            与路透社共同发布利率指数报告
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- 预约 -->
<section id="reservation">
    <div class="container">
        <p class="pull-left"><i class="icon-uniE906"></i>现在有<span>458</span>人在排队，累计预约交易成功<span>7409</span>次。什么是预约投标？<a href="">立即预约</a></p>
        <p class="pull-right hidden-sm hidden-xs"><a href=""><i class="icon-uniE905"></i>微金所企业宣传片</a></p>
    </div>
</section>
<!-- 产品部分 -->
<section id="product">
    <div class="container">
        <!-- 标签页 -->
        <div class="ul-wapper">
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#tab_one" role="tab" data-toggle="tab">特别推荐</a></li>
                <li role="presentation"><a href="#tab_two" role="tab" data-toggle="tab">微投资</a></li>
                <li role="presentation"><a href="#tab_three" role="tab" data-toggle="tab">微贷宝</a></li>
                <li role="presentation"><a href="#tab_four" role="tab" data-toggle="tab">微消费</a></li>
                <li role="presentation"><a href="#tab_five" role="tab" data-toggle="tab">微增利</a></li>
                <li role="presentation"><a href="#tab_six" role="tab" data-toggle="tab">微金宝</a></li>
                <li role="presentation"><a href="#tab_seven" role="tab" data-toggle="tab">微转让</a></li>
                <li class="pull-right hidden-sm hidden-xs"><a href="" role="tab" data-toggle="tab">更多</a></li>
            </ul>
        </div>
        <!-- 内容 -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="tab_one">
                <div class="row">
                    <div class="col-sm-6 col-md-6 col-lg-4">
                        <div class="panel panel-wjs actived">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-4">
                        <div class="panel panel-wjs disabled">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-4"><div class="panel panel-wjs">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                    <div class="col-sm-6 col-md-6 col-lg-4"><div class="panel panel-wjs">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                    <div class="col-sm-6 col-md-6 col-lg-4"><div class="panel panel-wjs">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                    <div class="col-sm-6 col-md-6 col-lg-4"><div class="panel panel-wjs">
                            <div class="panel-heading">
                                <p><strong>8</strong><sub>%</sub></p>
                                <p><span>年利率</span></p>
                            </div>
                            <div class="panel-body">
                                <h4>新手体验表第001期</h4>
                                <div class="row">
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-left">
                                        <p>起投金额（元）</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                    <div class="col-xs-6 text-right">
                                        <p>起步价</p>
                                        <p><strong>0.01万</strong></p>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_two">
                <p>这是第二个内容页</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_three">
                <p>这是第三个内容页</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_four">
                <p>这是第四个内容页</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_five">
                <p>这是第五个内容页</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_six">
                <p>这是第六个内容页</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_seven">
                <p>这是第七个内容页</p>
            </div>
        </div>
    </div>
</section>
<!-- 合作伙伴 -->
<section id="partner" class="hidden-sm hidden-xs">
    <div class="container text-center">
        <h3>合作伙伴</h3>
        <ul>
            <li><a href=""><i class="icon-uniE930"></i></a></li>
            <li><a href=""><i class="icon-uniE92F"></i></a></li>
            <li><a href=""><i class="icon-uniE92E"></i></a></li>
            <li><a href=""><i class="icon-uniE92A"></i></a></li>
            <li><a href=""><i class="icon-uniE929"></i></a></li>
            <li><a href=""><i class="icon-uniE931"></i></a></li>
            <li><a href=""><i class="icon-uniE92C"></i></a></li>
            <li><a href=""><i class="icon-uniE92B"></i></a></li>
            <li><a href=""><i class="icon-uniE92D"></i></a></li>
        </ul>
    </div>
</section>
<!-- 登录 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">欢迎登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="username" class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="username" placeholder="输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="password" placeholder="输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox">记住密码
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">登录</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存密码</button>
            </div>
        </div>
    </div>
</div>
</body>
<!--[if lt IE 9]>
<script src="html5shiv/html5shiv.min.js"></script>
<script src="respond/respond.min.js"></script>
<![endif]-->
<script src='jquery-3.1.0/jquery-3.1.0.js'></script>
<script src='bootstrap/js/bootstrap.js'></script>
<script src='js/main.js'></script>
</html>